<template>
  <div class="about">
    <h1>This is an about page</h1>
    <Myson> 
      <!-- 作用域插槽 -->
        <template v-slot:hello="noprop">
          <!-- 传过来的数据其实是一个对象，接收的时候也是一个对象，接收的时候命名的
              那个对象是最外层的对象，所以调用的时候就与我们平时调用的时候的方式是一样的
           -->
           <!-- 看下面的这个例子就是这样进行调用的 -->
           <!-- 可以理解成为两层的对象嵌套 -->
            <h1>hello{{noprop.prop.use1}}</h1>
            <h1>hello{{noprop.prop.use2}}</h1>
        </template> 
        <template v-slot:world="prop">
            <h2>world{{prop.prop}}</h2>
        </template>
    </Myson>
  </div>
</template>
<script>
import Myson from "../components/Myson.vue";
export default {
  name:"About",
  data(){
    return {
      mess:"hello"
    }
  },
   components:{
    Myson,
  },
}
</script>
<style scope>
  
</style>